package com.ikapp.jetpackcomposeuidemo.weiget

import android.widget.Toast
import androidx.compose.foundation.layout.Column
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.material.icons.filled.Favorite
import androidx.compose.material3.ExtendedFloatingActionButton
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview

/**
 *  ANDROID STUDIO - VERSION 2022
 *  createTime: 2023/11/23 22:55
 *  Author: Ikun
 *  email: jikunwei41@gmail.com
 **/

@Composable
@Preview
fun testShow() {
    FloatingActionButton()
}



@Composable
fun FloatingActionButton(
    modifier: Modifier = Modifier
) {
    // 一个 FloatActionButton（FAB）代表一个屏幕的主要行为。
    // FAB通常和一个 Icon 一起使用
    // 除了普通的 FAB 之外，Compose 也提供了带有文字扩展的 FAB， ExtendedFloatingActionButton
    Column {

        androidx.compose.material3.FloatingActionButton(onClick = {  }) {
            // 添加图标
            Icon(Icons.Default.Favorite, contentDescription = null)
        }


        // 有文字的·
        ExtendedFloatingActionButton(
            text = { Text(text = "点击收藏") },
            icon = { Icon(imageVector = Icons.Default.Add, contentDescription = null) },
            onClick = { /*TODO*/ })
    }
}





























